<section class="wx-main">
    <div class="wx-banna">
        <img class="img-responsive " src="../../assets/img/banner@2x.png" alt="">
        <div id="goodsInfo">
            <h4 class="text-center fwhite matop">报价货源信息</h4>
            <div class="text-center fwhite">{{startingPlaceName}} ——— {{destinationName}}</div>
            <div class="text-center fwhite">{{category}}，{{amount}}{{amountUnit}}</div>
        </div>
        <form [formGroup]="userForm" (ngSubmit)="doRegister()" class="form-horizontal" role="form" *ngIf="default" novalidate>
            <div class="wx-inpout">
                <div class="form-group" [ngClass]="{'has-error': formErrors.mobile }">
                    <label class="pull-left control-label text-right labelBlock labelblack">手机号码:</label>
                    <div class="phonenum">
                        <input id="mobile" name="mobile" formControlName="mobile" type="text" class="form-control tel wx-yellow" placeholder="请输入您的手机号">
                        <div *ngIf="formErrors.mobile" class="text-danger">
                            {{ formErrors.mobile }}
                        </div>
                    </div>
                </div>
                <div class="form-group" [ngClass]="{'has-error': formErrors.code }">
                    <label class="pull-left control-label text-right labelBlock labelblack">验证码:</label>
                    <div class="icode">
                        <input id="code" name="code" formControlName="code" type="text" class="form-control wx-yellow" placeholder="请输入验证码">
                        <div *ngIf="formErrors.code" class="text-danger">
                            {{ formErrors.code }}
                        </div>
                    </div>
                    <div class="col-xs-2">
                        <button id="getCodeBtn" name="getCodeBtn" class="btn getCodeBtn" [disabled]="!phoneNumB" [ngClass]="{'btn-warning':phoneNumB,'btn-disable':!phoneNumB}" (click)="getcode()">获取验证码</button>
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="text-center">
                    <button id="btnQiang" name="btnQiang" type="submit" class="btn wx-qiang" [ngClass]="{'qgray':!reseive,'qcolor':reseive}" [disabled]="!reseive"></button>
                </div>

            </div>
        </form>
        <!-- 已抢 -->
        <div class="container matop" *ngIf="gted">
            <div class="text-center">
                <button id="btnYQiang" name="btnYQiang" type="submit" class="btn wx-qiang yqgray" [disabled]="true"></button>
            </div>

        </div>
        <h5 class="text-center fwhite matop xlineh" *ngIf="gted">您的好友{{userName}}在来货拉抢单报价
            <br/>获得一次抢拉米的机会!
            <br/>快来帮他一起抢吧
            <br/>您同时也获得拉米哦~
            <br/>
            <button id="downloadAPP" name="downloadAPP" onclick="window.location.href='http://www.vip56.cn/shared.html'" class="btn-download btn">立即下载</button>
        </h5>


        <h5 class="text-center fwhite matop xlineh" *ngIf="gameover">本次活动已结束，感谢你的参与！
            <br/>请及时前往来货拉APP
            <br/>在拉米商城中
            <br/>兑换红包和你喜欢的礼品吧
            <br/>
            <button id="downloadAPP1" name="downloadAPP1" onclick="window.location.href='http://www.vip56.cn/shared.html'" class="btn-download btn">立即下载</button>
        </h5>
        <h5 class="text-center fwhite matop xlineh" *ngIf="lated">你来晚了哦~
            <br/>本次链接已集齐{{helpCount}}次帮抢
            <br/>帮助其他好友抢拉米吧
            <br/>
            <button id="downloadAPP2" name="downloadAPP2" onclick="window.location.href='http://www.vip56.cn/shared.html'" class="btn-download btn">立即下载</button>
        </h5>
        <div id="helpGrab" class="" *ngIf="memlist">
            <div class="helpBG">
                <div class="Awarded">已累计获得</div>
                <span class="total">
                    {{LJintegral}}
                </span><span class="lami">拉米</span>
            </div>
            <h4 class="text-center fwhite">帮抢团成员<span><a>{{helpCount}}</a>/{{totalCount}}</span></h4>
            <div class="helpMembs">
                <ul id="slide1" *ngFor="let item of itemlist">
                    <li>
                        {{item.phoneNumber}}为您抢得{{item.integral}}拉米
                    </li>
                    <!-- <li *ngFor="let item of itemlist">
                        {{item.phoneNumber}}为您抢得{{item.integral}}拉米
                    </li> -->
                    <!-- <li>158****8543为您抢得50拉米</li>
                    <li>138****1234为您抢得50拉米</li>
                    <li>139****9988为您抢得50拉米</li>
                    <li>137****8543为您抢得50拉米</li> -->
                </ul>
                <div id="slide2"></div>
            </div>
        </div>

        <div id="downloads" class="weui-popup__container">
            <div class="weui-popup__overlay "></div>
            <div class="weui-popup__modal weuiModal">
                <div id="Xclose" name="Xclose" class="colsex" (click)="Xclose()"></div>
                <div class="modal-k">
                    <div class="Awarded-k">恭喜您获得</div>
                    <span class="total-k">
                    {{Yintegral}}
                </span><span class="lami-k">拉米</span>
                </div>
                <button id="downloadAPP3" name="downloadAPP3" onclick="window.location.href='http://www.vip56.cn/shared.html'" class="btn-download btn downPosition">立即下载</button>
                <!-- <a (click)="Xclose()" class="btn-download" *ngIf="isEnd">我知道了</a> -->
            </div>
        </div>

    </div>

    <div class="wx-info">
        <h4 class="text-center fwhite matop">活动规则</h4>
        <div class="wx-guize text-left fyeelow borderb">
            活动规则：
            <br/>1、活动期间分享链接者，完成5次朋友帮抢任务则获得拉米，自动赠送到分享者来货拉账户；
            <br/>2、活动期间帮抢用户同时获得拉米，赠送到所填写手机号对应的来货拉账户（手机号是您登录来货拉的账户）；
            <br/>3、帮抢任务未完成的分享者，会在活动结束后按当前获取的拉米数，统一发放到对应账户。
        </div>
        <div class="text-left fwhite wx-copyr">
            本次活动最终解释权归斯诺科技所有，且涉及到的奖励由本公司提供，与苹果官方无关
        </div>
    </div>

</section>